<template>
	<div class="school_wrapper">
		<idenheader leftTitle="学历认证" rightData="数据来自学信网"></idenheader>
		<div v-show="school.queryState !='SUCCESS' || !school.queryState" class="report-red">未查询到学历信息</div>
		<div v-show="school.queryState ==='SUCCESS'" class="shenfen_info">
			<ul class="m-list">
                <li>
                    <label>学校名称</label>
                    <span>{{school.education.graduate}}</span>
                </li>
                <li>
                    <label>入学时间</label>
                    <span>{{school.education.enrolDate}}</span>
                </li>
                <li>
                    <label>学历类型</label>
                    <span>{{school.education.educationDegree}}</span>
                </li>
                <li>
                    <label>学习性质</label>
                    <span>{{school.education.studyStyle}}</span>
                </li>
                <li>
                    <label>专业名称</label>
                    <span>{{school.education.specialityName}}</span>
                </li>
            </ul>
		</div>
	</div>
</template>

<script>
	import idenheader from '../common/idenheader';
	export default {
		data(){
			return{
				listHeight: [],
        		scrollY: 0,
			}
		},
		components:{
			idenheader
		},
		props:['school']
	}
</script>

<style scoped>
	.school_wrapper{
		border: 1px solid #EDEDED;
	    border-radius: 2px 2px 3px 3px;
	}
	.shenfen_info{
		padding: 0 17px;
	}
	.report-red{
		padding: 0 17px;
		height: 36px;
		line-height: 36px;
        color: #ff4949;
        border-bottom: 1px solid #EDEDED;
	}
	.m-list{
		padding-top: 10px;
	}
	.m-list li{
		list-style: none;
		margin-bottom:10px;
		font-size: 1.2rem;
	}
	.m-list li label{
		text-align: justify;
    	color: #9b9b9b;
    }
    .m-list li span{
	    color: #212121;
	    margin-left: 16px;
    }
</style>